<template>
	<view class="ma">
	  <view class="piclist" :style="blockStyle">
		  <vcustomer class="sinImg" :style="imageStyle" :class="{'nomt':i == 0}" v-for="(item,i) in mydata.imglist" :linkdata="item.linkdata"  :key="i">
			   <vimage class="img_box" :src="item.url" v-if="item.url" mode="widthFix"></vimage>		
		  </vcustomer>
	   <!-- <view @click="Jumpurl(item)"   >	   
		   
	    </view> -->
	  </view>
	</view>
</template>

<script>
	import util from '@/common/util.js'
	export default {
		data() {
			return {
				
			}
		},
		
		props: {
			mydata: {
				type: Object,
				default: {}
			}
		},
		computed: {
		  blockStyle() {
		    return 'margin:' + this.mydata.margin.top  + 'rpx ' + this.mydata.margin.lr + 'rpx ' + this.mydata.margin.bottom + 'rpx;';
		  },
		  imageStyle(){
		    return 'border-radius:' + this.mydata.radius + 'rpx;margin-top:' + this.mydata.margin.pic + 'rpx;'
		  }
		},
		methods: {
		
		}
	}
</script>
<style lang="scss" scoped>
.ma{
  width: 100%;
  overflow: hidden;
}

.piclist{
  display: flex;
  flex-flow: column;
  //margin: 20px 30px;



  .sinImg{
    overflow: hidden;
    margin-top: 40rpx;
    //border-radius: 20px;
    background: #fff;
	// image{
	// 	width: 100%;
	// }
	
    &.nomt{
      margin-top: 0 !important;
    }

    // &:first-child{
    //   margin-top: 0;
    // }

    // image{
    //   width: 100%;
    //   display: block;
    // }
  }
}
</style>
